<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>Bootstrap</title>
	<link rel="stylesheet" href="bootstrap.min.css">
	<style type="text/css">
		body{padding-top: 50px;}
		.starter{padding: 40px 15px;text-align: center;}
	</style>
</head>
<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navgation">
		<div class="container">
			<div class="navbar-header">
				<a href="#" class="navbar-brand">Project Name</a>
			</div>
			<!-- collapse是有几行，有什么内容 -->
			<div id="navbar" class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">Home</a></li>
					<li><a href="#">About</a></li>
					<li><a href="#">Contact</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- container容器，承载内容 -->
	<div class="container">
		<div class="starter">
			<h1>Bootstrap starter template</h1>
			<p class="lead">welcome</p>			
		</div>

	</div>
</body>
</html>